<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <!--定义定义字符集的描述 常见的字符集 GBK GBK2312 -->
    <meta charset="UTF-8">
    <!--默认的页面打开链接的方式 _blank对搜索引擎不友好-->
    <base target="_blank">
    <!-- 响应式--移动端的网页显示-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 网页描述 SEO -->
    <meta name="description" content="">
    <!-- 关键字 SEO -->
    <meta name="keywords" content="">
    <!-- 链接样式文件 -->
    <link rel="stylesheet" href="style.css">
    <!-- 定义网页图标，和收藏夹中显示图标 -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <!-- 标题，具有Html语意的作用-->
    <title>Web用户界面</title>
    <style>
        img {
            z-index: -10;
            width: 140px;
            height: 140px;
        }
    </style>
</head>

<body>
    <img src="Background.jpg">
    <h1>web用户界面</h1>
    <h2>学号：20190203333 姓名：周兴</h2>
    <h3>课程内容</h3>
    <ul>
        <li><a href="html_base/basehtml.html" target="_self">HTML标签</a></li>
        <li><a href="html_base/table.html">表格标签</a></li>
        <li><a href="html_base/form.html">表单标签</a></li>
        <li><a href="html_base/semantic.html">语义标签</a></li>
        <li><a href="html_base/other.html">属性、颜色、其他</a></li>
        <li><a href="css_base/css_one.html">CSS基本语法</a></li>
        <li><a href="css_base/css_two.html">CSS继承与层叠</a></li>
        <li><a href="css_base/css_three.html">CSS选择器</a></li>
        <li><a href="css_base/css_four.html">CSS盒子模型</a></li>
        <li><a href="css_base/css_five.html">CSS盒子溢出、定位、浮动</a></li>
        <li><a href="css_base/css_six.html">CSS常见样式属性</a></li>
        <li><a href="css_base/menu.html">CSS导航菜单</a></li>
        <li><a href="css_base/layout_one.html">CSS页面布局技术概览</a></li>
        <li><a href="css_base/layout_two.html">CSS页面布局-定宽模式</a></li>
        <li><a href="css_base/layout_three.html">CSS页面布局-自适应宽度模式(1)</a></li>
        <li><a href="css_base/layout_four.html">CSS页面布局-自适应宽度模式(2)</a></li>
        <li><a href="css_base/layout_five.html">CSS页面布局-固定宽度网格（栅格）系统</a></li>
        <li><a href="css_base/layout_six.html">CSS页面布局-自适应宽度网格（栅格）系统</a></li>
        <li><a href="css_base/layout_seven.html">CSS页面布局-响应式设计</a></li>
    </ul>
    <br>
    <h3>自己乱打的</h3>
    <ul>
        <li><a href="Practice/ロング ver.html">ロング ver</a></li>
        <li><a href="Practice/table.html">统计国外新冠状病毒的人数</a></li>
        <li><a href="Practice/form.html">健康调查问卷</a></li>
        <li> <a href="Practice/practice_css01.html">CSS选择器的复习</a></li>
        <li><a href="Practice/practice_css02.html">CSS盒子的复习</a></li>
        <li><a href="Practice/practice_css03.html">仿造问卷星</a></li>
    </ul>
    <h3>期末大作业</h3>
    <ul>
        <li><a href="Practice/jjedu.html">重构xxxy.jju.edu.cn网页</a></li>
    </ul>
</body>

</html>